<template>
  <div id="app">
    <div></div>
    <div>
      <!-- <TinymceEditor :value="content"></TinymceEditor>   v-model="styleList"-->
      <MobilePageEditor
        :modelValue="styleList"
        @update:modelValue="changestyleList"
      ></MobilePageEditor>
    </div>
  </div>
</template>

<script>
import MobilePageEditor from "./MobilePageEditorV3.vue";
export default {
  name: "App",
  components: {
    MobilePageEditor,
  },
  data() {
    return {
      content: "1",
      number: 1,
      flag: true,
      styleList: [
        // {
        //     "id": 1668506717442,
        //     "name": "辅助空白",
        //     "type": "auxiliary_blank",
        //     "pageParam": {
        //         "value": 10
        //     }
        // },
        // {
        //     "id": 1668506718921,
        //     "name": "辅助线",
        //     "type": "auxiliary_lines",
        //     "pageParam": {
        //         "haveMargin": "no_margin",
        //         "manner": "solid",
        //         "lineColor": "#DDDDDD"
        //     }
        // },
      ],
    };
  },
  mounted() {
    // console.log('stylelist',this.styleList);
  },

  methods: {
    changestyleList(e) {
      this.styleList = e;
    },
  },
};
</script>

<style></style>
